<template>
  <ul class="footer-box">
    <router-link to="/">
    <li>
      <span class="iconfont icon-shouye"></span><br>
      首页
    </li>
  </router-link>
    <router-link :to="{path:'/category'}">
      <li>
      <span class="iconfont icon-fenlei"></span><br>
      分类
    </li>
    </router-link>
    <router-link to="/shopingcar">
    <li>
      <span class="iconfont icon-gouwuche"></span><br>
    购物车
    </li>
  </router-link>
  <router-link to="/my">
    <li>
      <span class="iconfont icon-31wode"></span><br>
      我的
    </li>
  </router-link>
  </ul>
</template>

<script>
export default {
  name:"footer-vue"
}
</script>

<style scoped>
 @import url(../../src/assets/font_3678507_3jt1bn43255/iconfont.css);
  .footer-box{
    height: 50px;
    background-color:white;
    display: flex;
    justify-content: space-around;
    text-align: center;
    font-size: .6rem;
  }
  li{
    box-sizing: border-box;
    padding: .5rem;
  }

  li:hover{
    color: hotpink;
  }
</style>